$("body").click(function(){
	$(".begin").css({"display":"none"});
	$(".mine").css({'display':"none"});
  $(".server").css({'display':"none"});
	$(".black_div").removeClass("activeBtn");
	$(".mask_wrap").hide();
})

$(".mask_wrap .mask_cout").click(function(ev) {
	ev.stopPropagation();
});
$('.black_div').click(function(e){
	e.stopPropagation();
	if( $('.begin').css('display') == 'none' ){
		$('.begin').css({'display':'block'})
		$(".black_div").addClass("activeBtn");
	}else{
		$(".black_div").removeClass("activeBtn");
		$('.begin').css({'display':'none'})
	}
})
$('.clickServer').click(function(e){
	e.stopPropagation();
	if( $('.server').css('display') == 'none' ){
		$('.server').css({'display':'block'})
		$('.mine').css({'display':'none'})
	}else{
		$('.server').css({'display':'none'})
	}
})

$('.user_img').click(function(e){
	e.stopPropagation();
	if( $('.mine').css('display') == 'none' ){
		$('.mine').css({'display':'block'})
		$('.server').css({'display':'none'})
	}else{
		$('.mine').css({'display':'none'})
	}
})

//开始-遮罩
$('.mask_c_close').click(function(){
	$('.mask_wrap').hide();
})
$('#myemail').click(function(){
	$('.mask_wrap').show();
	$('.mask_w').show();
	$('.mask_up').hide();
})
$('#myfile').click(function(){
	$('.mask_wrap').show();
	$('.mask_w').hide();
	$('.mask_up').show();
})
$('.mask_t_l').click(function(){
	$('.mask_w').show();
	$('.mask_up').hide();
})
$('.mask_t_r').click(function(){
	$('.mask_w').hide();
	$('.mask_up').show();
})

// 绑定nav修改
$('.setTopTab > .point').click(function () {
  var $this = $(this);
  $this.addClass('active').siblings().removeClass('active');
  var type = $this.data('type');
  $('.setContent[data-type="' + type + '"]').removeClass('hide').siblings('.setContent').addClass('hide');
  // if (type == 1) {
  //   // 显示额度充值
  // } else if (type == 2) {
  //   // 显示签约
  // }
})
pressSelect.init();
personInfo.init(function () {}, function (data) {
	// // 初始化配音偏好
	// var data = data.data;
	// // initPrefer(data.sex, data.soundtype, data.speed, data.profession);
	// preferSetting.data = {
	// 	sex: data.sex,
	// 	soundtype: data.soundtype,
	// 	speed: data.speed,
	// 	profession: data.profession
	// };
	// // preferSetting.initPerfer();
});

chargeFunc = {
  value: 0,
  init: function () {
    this.bindInput();
    this.bindSelectValue();
    this.bindConfirm();
  },
   updateEquation: function () {
    var value = this.value;
    $('.equation .cost').text(value);
    // 计算小于2000 送 20% 每多1000 多送1% 封顶 20000 送40% 
    // var scale = value >= 20000 ? 0.4 : (20 + (parseInt((value/1000) - 1)))/100; 
    var scale = value <= 5000 ? 0.2 : 0.4 ;
    // 赠送金额
    // var gift = Math.ceil(value * scale);  
    // 实际金额    
    var final = value;
     console.log(final)
    // var final = Math.ceil(value * (1 + scale)); 

    // gift = isFloat(gift) ? gift.toFixed(2) : gift;
    // final = isFloat(final) ? final.toFixed(2) : final;
    // $('.equation .gift').text(gift);
    $('.equation .final').text(final);
    $('.equation').removeClass('not-visible');
  },
  bindSelectValue: function () {
    var _this = this;
    $('.recharge-list input[type="radio"]').on('change', function () {
      console.log(this.value);
      _this.value = this.value;
      _this.updateEquation();
    })
  },
  bindInput: function () {
    var _this = this;
    $('#input-value').change(function () {
      console.log('change');
      _this.value = this.value;
      $('#input-value-radio').get(0).value = this.value;
      _this.updateEquation();
    })
    $('#input-value').on('keyup', function () {
      this.value = parseInt(this.value) ? parseInt(this.value) : 0;
      // $('#input-value-radio').get(0).value = this.value;
      // _this.updateEquation();
    })
  },
  bindConfirm: function () {
    var _this = this;
    $('#recharge-confirm-btn').click(function () {
      if(_this.value >= 500) {
        // 显示充值弹框
        // $('#charge-popup').removeClass('hide');
        chargeBox.show(_this.value);
      } else {
        headtipObj.show('额度充值不能低于500元')
      }
    })
  }
}
chargeFunc.init();


chargeBox = {
  value: 0, // 转账金额
  type: 0, // 转账类型 0 支付宝 对公转账
  // apiPay: 'http://testmedia.heardtech.com/Post/PayBalance', // 充值接口
  // apiStatus: 'http://testmedia.heardtech.com/Post/ajaxBalanceIspay', // 充值状态
  apiPay: apiCollect.apiCharge, // 充值接口
  apiStatus: apiCollect.apiChargeCheck, // 充值状态
  qrImg: '',
  $container: $('#charge-popup'),
  intervalID: '',
  init: function () {
    this.bindClose();
    this.bindPay();
    this.bindNext();
    this.bindRestart();
    this.bindInvoice();
  },
  bindClose: function () {
    var _this = this;
    _this.$container.find('.close').click(function () {
      _this.close();
    })
    _this.$container.click(function () {
      _this.close();
    })
    _this.$container.find('.mask_speed_cont').click(function(ev) {
      ev.stopPropagation();
    })
  },
  bindInvoice: function () {
    this.$container.find(".invoice").click(function(e) {
      e.preventDefault();
      headtipObj2.show('请联系微信客服');
    })
  },
  bindPay: function () {
    var _this = this;
    _this.$container.find('.mask_footer_pay').click(function () {
      var $this = $(this);
      var type = $this.data('type');
      _this.type = type;
      $this.addClass('mask_bor_bg').siblings().removeClass('mask_bor_bg');
      // if (type == 0) {
      //   // 支付宝
      //   // 不做操作
      // } else if (type == 1) {
      //   // 对公转账
      //   // 显示对公转账页面
      // }
    })
  },
  bindRestart: function () {
    var _this = this;
    _this.$container.find('.mask_pay_four .changeCharge').click(function () {
      _this.goto(1);
    })
  },
  bindNext: function () {
    var _this = this;
    var btnClicked = false;
    var checkStatusBool = false;
    _this.$container.find('.mask_btn').click(function () {
      var checked = $('#recharge-agree').prop('checked');
      if (!checked) {
        headtipObj.show('请先同意《服务协议》');
        return;
      }
      if (_this.type == 0 && !btnClicked) {
        btnClicked = true;
        $.post(_this.apiPay, {
          wid: localStorage.getItem('wid'),
          money: _this.value
        }, function (data) {
          btnClicked = false;
          if (data.code == '000000') {
            var id = data.data.out_trade_no;
            _this.qrImg = data.data.fileName;
            _this.goto(2);
            // _this.$container.find('#paycode img').get(0).src = _this.qrImg;
            // _this.$container.find('.mask_pay_one').addClass('hide');
            // _this.$container.find('.mask_pay_two').removeClass('hide');
            // 调用接口 检测支付状态
            
            _this.intervalID = setInterval(function () {
              if (!checkStatusBool) {
                checkStatusBool = true;
                $.post(_this.apiStatus, {
                  wid: localStorage.getItem('wid'),
                  out_trade_no: id
                }, function (dt) {
                  if (dt.code == '000000') {
                    if (dt.data.is_pay == 0) {
                      // 未付款
                      checkStatusBool = false;
                    } else {
                      // 已付款
                      // 显示付款成功内容
                      _this.goto(3);
                      clearInterval(_this.intervalID);
                    }
                  } else {
                    checkStatusBool = false;
                  }
                })

              }
            }, 1000)
          } else {
            headtipObj.show(data.message);
          }
        })
      } else if (_this.type == 1 && !btnClicked) {
        // 对公转账
        btnClicked = false;
        // 显示对公转账内容
        _this.goto(4);
      }
    })
  },
  goto: function (page) {
    // 跳到某一页
    var $index = this.$container.find('.mask_center span');
    console.log($index);
    if (page == 1) {
      this.$container.find('.mask_center').removeClass('hide');
      $index.eq(0).removeClass('colacacac').addClass('col585858');
      $index.eq(2).removeClass('col585858').addClass('colacacac');
      $index.eq(4).removeClass('col585858').addClass('colacacac');
      this.$container.find('.mask_pay_one').removeClass('hide').siblings().addClass('hide');
    } else if (page == 2) {
      // 显示二维码页
      this.$container.find('.mask_center').removeClass('hide');
      $index.eq(2).removeClass('colacacac').addClass('col585858');
      $index.eq(0).removeClass('col585858').addClass('colacacac');
      $index.eq(4).removeClass('col585858').addClass('colacacac');
      this.$container.find('#paycode img').get(0).src = this.qrImg;
      // this.$container.find('.mask_pay_one').addClass('hide');
      this.$container.find('.mask_pay_two').removeClass('hide').siblings().addClass('hide');
    } else if (page == 3) {
      // 显示付款成功页
      this.$container.find('.mask_center').removeClass('hide');
      $index.eq(4).removeClass('colacacac').addClass('col585858');
      $index.eq(0).removeClass('col585858').addClass('colacacac');
      $index.eq(2).removeClass('col585858').addClass('colacacac');
      // this.$container.find('.mask_pay_three').addClass('hide');
      this.$container.find('.mask_pay_three').removeClass('hide').siblings().addClass('hide');
    } else if (page == 4) {
      // 显示对公付款页
      this.$container.find('.mask_center').addClass('hide');
      this.$container.find('.mask_pay_four .cost').text(this.value + '元');
      this.$container.find('.mask_pay_four').removeClass('hide').siblings().addClass('hide');
    }
  },
  show: function (value) {
    if (value) {
      this.value = value;
      $('#charge-count').text('￥' + value);
    }

    this.goto(1);
    this.$container.removeClass('hide');
  },
  close: function () {
    if (this.intervalID) clearInterval(this.intervalID);
    this.value = 0;
    this.$container.addClass('hide');
  }
}
chargeBox.init();


var achorRecharge = {
  $container: $('.setContent.achor'),
  init: function () {
    this.bindNav();
  },
  bindNav: function () {
    var _this = this;
    this.$container.find('.achor-type-nav li').click(function () {
      var $this = $(this);
      var type = $this.data('type');
      $this.addClass('active').siblings().removeClass('active');
      _this.updatePrice(type);
    })
  },
  updatePrice: function (type) {
    var $priceTD = $('.achor-table .price-td'),
      $unitTD = $('.achor-table .unit-td');
    if (type == 1) {
      $priceTD.eq(0).html('<span class="spend">200 元</span><span class="real">400 元</span>');
      $priceTD.eq(1).html('<span class="spend">1100 元</span><span class="real">2000 元</span>');
      $priceTD.eq(2).html('<span class="spend">2000 元</span><span class="real">10000 元</span>');
      $priceTD.eq(3).html('<span class="spend">9300 元</span><span class="real">20000 元</span>');
      $unitTD.eq(0).text('￥ 2.0 元 / 百字');
      $unitTD.eq(1).text('￥ 2.2 元 / 百字');
      $unitTD.eq(2).text('￥ 2.0 元 / 百字');
      $unitTD.eq(3).text('￥ 1.9 元 / 百字');
    } else if (type == 2) {
      $priceTD.eq(0).html('<span class="spend">400 元</span><span class="real">1000 元</span>');
      $priceTD.eq(1).html('<span class="spend">2500 元</span><span class="real">5000 元</span>');
      $priceTD.eq(2).html('<span class="spend">4800 元</span><span class="real">25000 元</span>');
      $priceTD.eq(3).html('<span class="spend">22700 元</span><span class="real">50000 元</span>');
      $unitTD.eq(0).text('￥ 4.0 元 / 百字');
      $unitTD.eq(1).text('￥ 5.0 元 / 百字');
      $unitTD.eq(2).text('￥ 4.8 元 / 百字');
      $unitTD.eq(3).text('￥ 4.5 元 / 百字');
    } else if (type == 3) {
      $priceTD.eq(0).html('<span class="spend">800 元</span><span class="real">2000 元</span>');
      $priceTD.eq(1).html('<span class="spend">5000 元</span><span class="real">10000 元</span>');
      $priceTD.eq(2).html('<span class="spend">9800 元</span><span class="real">50000 元</span>');
      $priceTD.eq(3).html('<span class="spend">46500 元</span><span class="real">100000 元</span>');
      $unitTD.eq(0).text('￥ 8.0 元 / 百字');
      $unitTD.eq(1).text('￥ 10 元 / 百字');
      $unitTD.eq(2).text('￥ 9.8 元 / 百字');
      $unitTD.eq(3).text('￥ 9.3 元 / 百字');
    }
  }
}
achorRecharge.init();


$('#achor-confirm-btn').on('click', function(e) {
  e.stopPropagation();
  headtipObj2.show('请联系微信客服');
  $('.clickServer').click()
});